@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; }
ol, ul, li { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content:''; }
abbr, acronym { border: 0; }
.clear { clear:both; }
html,body{
      text-size-adjust:none;
	  }
a{
	font-size:12px;
	color:#333333;
	text-decoration: none;
	font-family: "微软雅黑";
	}
a:hover{
	font-size:12px;
	color:#FF6600;
	text-decoration: none;
	font-family: "微软雅黑";
}
body{
	font-family: Arial, Helvetica, sans-serif, "微软雅黑";
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	margin:0px auto;
	background-color: #f9f9f9;
	background-image: url(../images/bbbj.jpg);
	background-repeat: no-repeat;
}

.warp{margin:0 auto; width:100%; max-width:640px;}

/*header*/
.head { 
	width:100%;
	background:url(../images/header_bg.jpg) left bottom repeat-x; position:relative; 
	position:relative;
	}
.head img.logo {
	width:47.3%; 
	height:auto; 
	padding:2% 0 3%; 
	display:block; 
	margin:0 auto;
	}

/* banner */
.banenr{ width:100%; max-height:286px;overflow:hidden;position:relative; margin-top:-1px;}
.banenr img{ width:100%;}
.banenr>ol{height:20px;position: relative;z-index:10;width:95px; left:38%; bottom:10px;margin-top:-25px;text-align:right;padding-right:20px;}
.banenr>ol>li{display:inline-block;margin:5px;width:13px;height:14px;background:url(../images/banner_btn.png) no-repeat;}
.banenr>ol>li.on{background:url(../images/banner_btn_hover.png) no-repeat;}

.main{width:96.7%; margin:0 auto;padding:5% 0 3%;}
.m_block1{ position:relative;width:100%; overflow:hidden; margin:0 0 2%;}
.news,.employees_draft{width:49.4%;}
.news img{ width:100%; height:auto;}
.news_ca{margin:0 0 3%; position:relative;}
.news_cb{ position:relative;}

.news_text{ position:absolute; left:0; bottom:0; width:100%; line-height:14px;padding:3% 0;text-align:center;font-size:14px;background:rgba(0, 0, 0, 0.5);}
.news_text em{  margin:0 auto;color:#fff; width:97%; margin:0 auto;white-space:nowrap;overflow:hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}

.image_meiling{width:49.5%; position:absolute;right:0;top:0;  height:100%; background:#f3575b url(../images/icon_xyml.png) center 40% no-repeat; background-size:30.6% auto; }
.image_meiling a,.employees_draft a,.lohas_meiling a,.live_service a{ color:#fff;}
.image_meiling a{font:26px/500px 'microsoft yahei'; position:absolute; height:100%; width:100%;}

.meiling_service{width:49.5%; }
.employees_draft a{ width:100%; background:#51c95f url(../images/icon_ygtg.png) center 42% no-repeat; background-size:29.6% auto;font-size:26px;padding:92.9% 0 40.6%;}
.lohas_meiling a,.live_service a{width:100%;font-size:26px;padding:40% 0 22%;}
.lohas_meiling{ background:#feb645 url(../images/icon_yhtd.png) center 20.7% no-repeat; background-size:29.7% auto;}
.live_service{ margin:2% 0 0; background:#2cabe6 url(../images/icon_shfw.png) center 18.8% no-repeat; background-size:29.6% auto;}



/*about us */
.aboutus {
	width:100%;
	max-height:730px;
	overflow:hidden;
	position:relative;
	margin-top:5px;
	}
.aboutus img,.xiaoyuanyewu img,.hezuo img ,.lizi img {
	width:100%;
	}


/*xiaoyuanyewu */
.xiaoyuanyewu {
	width:100%;
	max-height:1705px;
	overflow:hidden;
	position:relative;
	}

/*hezuo */
.hezuo {
	width:100%;
	max-height:428px;
	overflow:hidden;
	position:relative;
	}

/*lizi */
.lizi {
	width:100%;
	max-height:1846px;
	overflow:hidden;
	position:relative;
	}
/*lizi */
.tijiao {
	height:550px;
	overflow:hidden;
	position:relative;
	background-color:#f6f6e2;
	}
.tijiao img {
	top:38px;
	left:30px;
	position:relative;
	}
.tijiao ul {
	position:relative;
	top:70px;
	width:400px;
	height:200px;
	}
.tijiao ul li {
	line-height:26px;
	padding-bottom:20px;
	}
.tijiao ul li input {
	width:350px;
	height:26px;
	border:2px solid #3C6;
	border-radius:6px;
	}
.tijiao ul li textarea {
	width:350px;
	height:100px;
	border:2px solid #3C6;
	line-height:30px;
	border-radius:6px;
	}
.tijiao ul li span {
	color:red;
	vertical-align: top;
	}
.tijiao ul li label {
	padding-left: 13px;
	display:block;
	color:red;
	}

#tijiao_button {
	width:285px;
	height:44px;
	background-image:url(../images/tijiaobuttonbg.png);
	position:relative;
	top:210px;
	margin:0 auto;
	}
#tijiao_button input {
	background:transparent;
	border:none;
	font-size:18px;
	color:#FFF;
	line-height:44px;
	margin-left:59px;
	}
@media(min-width:320px) { 
.tijiao ul li {
	    text-align:left;
	 } 
	.tijiao ul li input,.tijiao ul li textarea{
	    width:300px;
	 }
}
@media(min-width:375px){
	.tijiao ul li {
	    text-align:center;
	 } 
}